﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HomePage.aspx.cs" Inherits="AnThinhBankCompany.HomePage" %>

<%@ Register TagPrefix="dgc" TagName="block_slider" Src="~/block_slider.ascx" %>
<%@ Register TagPrefix="dgc" TagName="block_rate" Src="~/block_rate.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>ATBC</title>
    <!-- Bootstrap Core CSS -->
    <link rel="Stylesheet" type="text/css" href="/Styles/bootstrap.min.css" />
    <!-- Custom CSS -->
    <link rel="Stylesheet" type="text/css" href="/Styles/style.css" />
    <link rel="Stylesheet" type="text/css" href="/Styles/agency.css" />
    <!-- Custom Fonts -->
    <link rel="Stylesheet" type="text/css" href="/Styles/font-awesome.min.css" />
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"
        type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet'
        type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic'
        rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet'
        type='text/css'>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- jQuery Version 1.11.0 -->
    <script type="text/javascript" src="/Scripts/jquery-1.11.0.js"></script>
    <script type="text/javascript" src="/Scripts/jquery-1.9.1.min.js"></script>
</head>
<body id="page-top" class="index">
    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="HomePage.aspx">An Thịnh Bank</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="dropdown">
                        <a class="page-scroll" href="#personal">Cá nhân<b class="caret"></b></a>
                        <ul class="dropdown-menu navbar-default">
                        <li><a href="Personal.aspx">Tiền gửi</a></li>
                        <li><a href="Personal.aspx">Tiền cho vay</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a class="page-scroll" href="#portfolio">Doanh nghiệp<b class="caret"></b></a>
                         <ul class="dropdown-menu navbar-default">
                        <li><a href="Personal.aspx">Tài khoản </a></li>
                        <li><a href="Personal.aspx">Tài trợ cho vay</a></li>
                        </ul>
                    </li>
                     <li>
                        <a class="page-scroll" href="#news">Tin tức</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">Giới thiệu</a>
                    </li>
                     <li>
                        <a class="page-scroll" href="#partner">Quan hệ đầu tư</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#recruited">Tuyển dụng</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Liên hệ</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- Header -->
    <header>
    <div class="container">
        <!--circle img-->
        <div class="divCircle">
           <div class="textsogan col-sm-4">   It's Nice To Meet You</div>
             <nav class="nav col-sm-8 col-xs-12 " >   
                <ul class="circle">
        <li>
            <div class="personalCircle ">
               <a href="Personal.aspx"  >
                 <div class="caption"> <h5>Tiền gửi</h5> </div></a>
                <img class="img-circle img-responsive" src="/Images/personal.png" alt=""> 
            </div>          
        </li>
        <li>
             <div class="personalCircle ">
               <a href="Personal.aspx"  >
                 <div class="caption"><h5>Tiền cho<br /> vay</h5></div> </a>
                <img class="img-circle img-responsive" src="/Images/vaycanhan.jpg" alt="">
             </div>
        </li>
         <li>
             <div class="personalCircle">
               <a href="Personal.aspx"  >
                 <div class="caption"><h5>Tài chính<br />doanh<br /> nghiệp</h5></div> </a>
                <img class="img-circle img-responsive" src="/Images/tkdoanhnghiep.jpg" alt="">
             </div>
        </li>
         <li>
             <div class="personalCircle ">
               <a href="Personal.aspx"  >
                 <div class="caption"><h5>Tài trợ<br />cho vay</h5></div> </a>
                <img class="img-circle img-responsive" src="/Images/taitrochovay.jpg" alt="">
             </div>
        </li>

    </ul>
            </nav>
        </div>
        <!--block_sider-->
        <div class="col-sm-12 col-xs-12  slider">
             <div class="col-sm-10 col-xs-8 col-md-9">
                <dgc:block_slider id="block_slider" runat="server" />
                <div class="clearfix"></div>
            </div>
            <div class="col-sm-2 col-xs-4 col-md-3">
               <dgc:block_rate id="block_rate" runat="server" />           
            </div>
        </div>
     </div>
    </header>
    <!-- Cá nhân Section -->
    <section id="personal">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <hr class="star-primary"> 
                    <h2 class="section-heading"> <a  style="text-decoration:none;" href="Personal.aspx">Cá nhân</a></h2>
                    
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-sm-12 portfolio-item">
                    <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/personal.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Tiền gửi</h4>
                        <p class="text-muted">Quản lý các vần đề tài chính doanh nghiệp một cách thuận tiện</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12 portfolio-item">
                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/vaycanhan.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Tiền cho vay</h4>
                        <p class="text-muted">Tạo ưu thế cạnh tranh cho doanh nghiệp với giải pháp tài trợ thích hợp và thật linh động</p>
                    </div>
                </div>
                
               
            </div>
        </div>
    </section>
    <!-- Doanh nghiệp Grid Section -->
    <section id="portfolio" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <hr class="star-primary"> 
                    <h2 class="section-heading">Doanh nghiệp</h2>
                    
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-sm-12 portfolio-item">
                    <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/tkdoanhnghiep.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Dịch vụ tài khoản doanh nghiệp</h4>
                        <p class="text-muted">Quản lý các vần đề tài chính doanh nghiệp một cách thuận tiện</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12 portfolio-item">
                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/taitrochovay.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Tài trợ và cho vay</h4>
                        <p class="text-muted">Tạo ưu thế cạnh tranh cho doanh nghiệp với giải pháp tài trợ thích hợp và thật linh động</p>
                    </div>
                </div>
                
               
            </div>
        </div>
    </section>
    <!-- Tin tức Grid Section -->
    <section id="news" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <hr class="star-primary"> 
                    <h2 class="section-heading"> <a  style="text-decoration:none;" href="TinTuc.htm">Tin tức</a></h2>
                 
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#newsModal1" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/BootStrap/portfolio/roundicons.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Round Icons</h4>
                        <p class="text-muted">Graphic Design</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#newsModal2" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/BootStrap/portfolio/startup-framework.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Startup Framework</h4>
                        <p class="text-muted">Website Design</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#newsModal3" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/BootStrap/portfolio/treehouse.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Treehouse</h4>
                        <p class="text-muted">Website Design</p>
                    </div>
                </div>
              
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#newsModal4" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/BootStrap/portfolio/treehouse.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Giá vàng</h4>
                        <p class="text-muted">Cập nhật lúc 02:36:49 PM 31/10/2014</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#newsModal4" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/BootStrap/portfolio/treehouse.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Giá nông sản</h4>
                        <p class="text-muted">Cập nhật lúc 02:36:49 PM 31/10/2014</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#newsModal4" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/BootStrap/portfolio/treehouse.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Giá nông sản</h4>
                        <p class="text-muted">Cập nhật lúc 02:36:49 PM 31/10/2014</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- About Section -->
    <section id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                   <hr class="star-primary">   
                    <h2 class="section-heading">Giới thiệu</h2>
                   
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <ul class="timeline">
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="/Images/BootStrap/about/1.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>2009-2011</h4>
                                    <h4 class="subheading">Our Humble Beginnings</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="/Images/BootStrap/about/2.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>March 2011</h4>
                                    <h4 class="subheading">An Agency is Born</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="/Images/BootStrap/about/3.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>December 2012</h4>
                                    <h4 class="subheading">Transition to Full Service</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="/Images/BootStrap/about/4.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>July 2014</h4>
                                    <h4 class="subheading">Phase Two Expansion</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <h4>Be Part
                                    <br>Of Our
                                    <br>Story!</h4>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- Quan hệ đầu tư Grid Section -->
    <section id="partner" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                 <hr class="star-primary">   
                    <h2 class="section-heading">Quan hệ đầu tư</h2>
                   
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#newsModal1" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/BootStrap/portfolio/roundicons.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Round Icons</h4>
                        <p class="text-muted">Graphic Design</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#newsModal2" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/BootStrap/portfolio/startup-framework.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Startup Framework</h4>
                        <p class="text-muted">Website Design</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#newsModal3" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="/Images/BootStrap/portfolio/treehouse.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Treehouse</h4>
                        <p class="text-muted">Website Design</p>
                    </div>
                </div>
              
            </div>
        </div>
    </section>
    <!-- Team Section -->
    <section id="recruited" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Our Amazing Team</h2>
                   
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4">
                    <div class="team-member">
                        <img src="/Images/BootStrap/team/1.jpg" class="img-responsive img-circle" alt="">
                        <h4>Kay Garland</h4>
                        <p class="text-muted">Lead Designer</p>
                        <ul class="list-inline social-buttons">
                            <li><a href="#"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="team-member">
                        <img src="/Images/BootStrap/team/2.jpg" class="img-responsive img-circle" alt="">
                        <h4>Larry Parker</h4>
                        <p class="text-muted">Lead Marketer</p>
                        <ul class="list-inline social-buttons">
                            <li><a href="#"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="team-member">
                        <img src="/Images/BootStrap/team/3.jpg" class="img-responsive img-circle" alt="">
                        <h4>Diana Pertersen</h4>
                        <p class="text-muted">Lead Developer</p>
                        <ul class="list-inline social-buttons">
                            <li><a href="#"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
                </div>
            </div>
        </div>
    </section>
    <!-- Clients Aside -->
    <aside class="clients">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <a href="#">
                        <img src="/Images/BootStrap/logos/envato.jpg" class="img-responsive img-centered" alt="">
                    </a>
                </div>
                <div class="col-md-3 col-sm-6">
                    <a href="#">
                        <img src="/Images/BootStrap/logos/designmodo.jpg" class="img-responsive img-centered" alt="">
                    </a>
                </div>
                <div class="col-md-3 col-sm-6">
                    <a href="#">
                        <img src="/Images/BootStrap/logos/themeforest.jpg" class="img-responsive img-centered" alt="">
                    </a>
                </div>
                <div class="col-md-3 col-sm-6">
                    <a href="#">
                        <img src="/Images/BootStrap/logos/creative-market.jpg" class="img-responsive img-centered" alt="">
                    </a>
                </div>
            </div>
        </div>
    </aside>
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Liên hệ</h2>
                  
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row">
                            <div class="col-md-6">
                              <div class="contactHeader"> Thông tin liên hệ</div>
                                <div class="form-group">
                                     <input type="text" class="form-control" placeholder="Họ tên *"  id="name" required data-validation-required-message="Please enter your name."/>
                                        <p class="help-block text-danger"></p>
                                         <div class="form-group">
                                        <input type="email" class="form-control" placeholder="Email *" id="email" required data-validation-required-message="Please enter your email address."/>
                                        <p class="help-block text-danger"></p>
                                        <input type="tel" class="form-control" placeholder="Điện thoại *" id="phone" required data-validation-required-message="Please enter your phone number."/>
                                        <p class="help-block text-danger"></p>
                                         <textarea class="form-control" placeholder="Nội dung *" id="message" required data-validation-required-message="Please enter a message."/></textarea>
                                        <p class="help-block text-danger"></p>
                                          <div id="success"></div>
                                <button type="submit" class="btn btn-xl">Gửi</button>
                                    </div>                                  
                                </div>                               
                            </div>
                            <div class="col-md-6">
                            <div class="contactHeader"> Văn phòng</div>
                                <table class="table table-bordered" style="background-color: #337fcc !important; width: 100%;" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
<tr>
<th width="25%" align="left"><span style="font-size: small; font-family: helvetica; color: #ffffff;">Address </span></th>
<td width="75%" bgcolor="#fff"><span style="font-size: small; font-family: helvetica;">138 - 142 Hai Ba Trung, Da Kao ward, Dist. 1, HCMC.</span></td>
</tr>
<tr>
<th align="left"><span style="font-size: small; font-family: helvetica; color: #ffffff;">Working hours </span></th>
<td bgcolor="#fff"><span style="font-size: small; font-family: helvetica;">8:30 am ~ 4:30 pm  (from Monday to Friday)</span></td>
</tr>
<tr>
<th align="left"><span style="font-size: small; font-family: helvetica; color: #ffffff;">Telephone </span></th>
<td bgcolor="#fff"><span style="font-size: small; font-family: helvetica;">(08) 3829 -1581</span></td>
</tr>
<tr>
<th align="left"><span style="font-size: small; font-family: helvetica; color: #ffffff;">Fax </span></th>
<td bgcolor="#fff"><span style="font-size: small; font-family: helvetica;">(08) 3829 -1583</span></td>
</tr>
<tr>
<th align="left"><span style="font-size: small; font-family: helvetica; color: #ffffff;">SWIFT code </span></th>
<td bgcolor="#fff"><span style="font-size: small; font-family: helvetica;">SHBKVNVX</span></td>
</tr>
</tbody>
                            </table>
                               <img runat="server" src="~/Images/tmp_Map.png" class="img-responsive img-thumbnail"/>
                            </div>                            
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">Copyright &copy; Your Website 2014</span>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline social-buttons">
                        <li><a href="#"><i class="fa fa-twitter"></i></a>
                        </li>
                        <li><a href="#"><i class="fa fa-facebook"></i></a>
                        </li>
                        <li><a href="#"><i class="fa fa-linkedin"></i></a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline quicklinks">
                        <li><a href="#">Privacy Policy</a>
                        </li>
                        <li><a href="#">Terms of Use</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <!-- Bootstrap Core JavaScript -->
    <script type="text/javascript" src="/Scripts/bootstrap.min.js"></script>
    <!-- Plugin JavaScript -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script type="text/javascript" src="/Scripts/classie.js"></script>
    <script type="text/javascript" src="/Scripts/cbpAnimatedHeader.js"></script>
    <!-- Contact Form JavaScript -->
    <script type="text/javascript" src="/Scripts/jqBootstrapValidation.js"></script>
    <script type="text/javascript" src="/Scripts/contact_me.js"></script>
    <!-- Custom Theme JavaScript -->
    <script type="text/javascript" src="/Scripts/agency.js"></script>
    <!--Slider jssor JavaScript -->
    <script type="text/javascript" src="/Scripts/jssor.js"></script>
    <script type="text/javascript" src="/Scripts/jssor.slider.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("[rel='tooltip']").tooltip();

            $('.personalCircle ').hover(
        function () {
            $(this).find('.caption').slideDown(250); //.fadeIn(250)
        },
        function () {
            $(this).find('.caption').slideUp(250); //.fadeOut(205)
        }
    );
        });
    </script>
</body>
</html>
